@use 'sass:math';

// @font-face {
//     font-family: 'Inter'; /* 重命名字体名 */
//     src: url('/Inter-VariableFont_slnt,wght.ttf');
//     font-weight: normal;
//     font-style: normal;
// }

// @font-face {
//     font-family: 'InterBold'; /* 重命名字体名 */
//     src: url('/Inter-Bold.ttf');
//     font-weight: normal;
//     font-style: normal;
// }


@font-face {
    font-family: 'SFProDisplay'; /* 重命名字体名 */
    src: url('/SFProDisplay-Light.ttf');
    font-weight: 1 1000;
    font-style: normal;
}

@font-face {
    font-family: 'SFProDisplayBold'; /* 重命名字体名 */
    src: url('/SFProDisplay-Bold.ttf');
    font-weight: 1 1000;
    font-style: normal;
}

@font-face {
    font-family: 'SFProDisplayBlack'; /* 重命名字体名 */
    src: url('/SFProDisplay-Black.ttf');
    font-weight: 1 1000;
    font-style: normal;
}

@font-face {
    font-family: 'SFProDisplayLight'; /* 重命名字体名 */
    src: url('/SFProDisplay-Light.ttf');
    font-weight: 1 1000;
    font-style: normal;
}

@font-face {
    font-family: 'SFProDisplayRegular'; /* 重命名字体名 */
    src: url('/SFProDisplay-Regular.ttf');
    font-weight: 1 1000;
    font-style: normal;
}
// SFProDisplay-Black.ttf

body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: SFProDisplayRegular, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased !important;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
}

* {
    scrollbar-width: none;
}

::-webkit-scrollbar {
    width: 0 !important;
}

.animate__animated {
    -webkit-animation-duration: 1500ms !important;
    animation-duration: 1500ms !important;
    -webkit-animation-delay: 1ms !important;
    animation-delay: 1ms !important;
}

.flex-center {
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -ms-flex-align: center;
}

.px-c-1 {
    padding-right: 108px !important;
    padding-left: 108px !important;
}

.px-c-2 {
    padding-right: 256px !important;
    padding-left: 256px !important;
}

.custom-font-bold {
    font-family: SFProDisplayBold, SFProDisplay, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased !important;
}

.custom-font-black {
    font-family: SFProDisplayBlack, SFProDisplay, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased !important;
}

.custom-font-lignt {
    font-family: SFProDisplayLight, SFProDisplay, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
    -webkit-font-smoothing: antialiased !important;
}




#content {
    min-height: 2000px;
}

.main {
    position: relative;
    // padding: 162px 0 0;
    min-height: 100vh;
    text-align: center;
    overflow: hidden;

    padding: 0px;
}

.center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@function pxToRem($px, $reference:16){
  @return calc($px/$reference)+rem;
}

@function pxToRem37($px, $reference: 37.5) {
    @return math.div($px, $reference) + rem;
}

@function pxToRem75($px, $reference: 75) {
    @return math.div($px, $reference) + rem;
}

@media (max-width: 768px) {
    .px-c-1,
    .px-c-2 {
        padding-right: pxToRem75(58) !important;
        padding-left: pxToRem75(58) !important;
    }
    .py-5 {
        padding-top: pxToRem75(58) !important;
        padding-bottom: pxToRem75(58) !important;
    }
    .milestones-body {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}